﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Funcionario/Funcionario.Master" AutoEventWireup="true" CodeBehind="Caixa.aspx.cs" Inherits="Ortodoctor.Funcionario.Caixa" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>Ortodoctor - Caixa</title>
    <script type="text/javascript" src="Caixa.js"></script>
    <link href="Caixa.css" rel="stylesheet" />
    <style>
        .maomeno {
            width:20px;
            height:20px;
            background-color:#f0f0f0;
            border-radius:3px;
            float:left;
            text-align:center;
            vertical-align:middle;
            border:1px solid #CCCCCC;
            cursor:pointer;
        }
            .maomeno:active {
                background-color:#CCCCCC;
                border:1px solid #f0f0f0;
            }
    </style>
</asp:Content>

<asp:Content ID="Content" ContentPlaceHolderID="conteudo" runat="server">
    <%--<div id="mDiv">
        <div class="ftitle">Comparecimento</div>
    </div>
    <div id="telacaixa" style="">
    </div>--%>
    <div id="gridi"></div>
    <div id="formulario" class="modal hide fade" tabindex="-1" role="dialog" aria-hidden="true" style="margin-top: 10%;">
        <div id="cadastro" class="modal-body">
            <ul class="nav nav-tabs" id="tabCadastro">
                <li><a href="#tabComparecimento">Caixa</a></li>
            </ul>

            <div class="tab-content">
                <div class="tab-pane" id="tabComparecimento">
                    <table>
                        <tr>
                            <td>
                                <label for="paciente">*Nome: </label>
                            </td>
                            <td>
                                <input type="text" id="nome_caixa" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label>*Tipo: </label>
                            </td>
                            <td>
                                <select id="tipo_caixa">
                                    <option value="entrada">Entrada/Ganho</option>
                                    <option value="saida">Saida/Despesa</option>
                                </select>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>

            <div class="modal-footer">
                <input type="button" class="btn" onclick="javascript: CancelButton(); return false;" value="Cancelar" />
                <input type="button" class="btn btn-primary" onclick="javascript: ConfirmAddButton(); return false;" value="Salvar alterações" />
            </div>
        </div>
    </div>

    <%--detalhar caixa--%>
    <div id="detalharCaixa" class="modal hide fade" tabindex="-1" role="dialog" aria-hidden="true">
        <div id="cadastroCaixa" class="modal-body">
            <ul class="nav nav-tabs" id="tabDetalhes">
                <li><a id="detalhes" href="#tabDetalhesCaixa">Detalhes de Caixa</a></li>
                <li><a id="transacoes" href="#tabTransacoesCaixa">Transacoes</a></li>
            </ul>

            <div class="tab-content">
                <table>
                        <tr>
                            <td>
                                Ver Caixa do Dia: 
                            </td>
                            <td>
                                <div style="margin-left:10px" id="menos" class="maomeno">-</div>
                            </td>
                            <td>
                                <label style="margin-left:5px; margin-top:6px" id="date" runat="server">Data de Hoje</label>
                            </td>
                            <td>
                                <div style="margin-left:5px" id="mais" class="maomeno">+</div>                                
                            </td>
                            <td>
                                <input id="todasdatas" type="checkbox" style="margin-left:20px">
                            </td>
                            <td >
                                <label style="margin-top:12px">Todas as Datas</label>
                            </td>
                        </tr>
                    </table>
                <div class="tab-pane" id="tabDetalhesCaixa">                    
                    <table>
                        <tr>
                            <td>
                                <label for="paciente">Nome: </label>
                            </td>
                            <td>
                                <input type="text" id="caixa_nome" />
                            </td>
                            <td>
                                <label>Tipo: </label>
                            </td>
                            <td>
                                <select id="caixa_tipo">
                                    <option value="entrada">Entrada/Ganho</option>
                                    <option value="saida">Saida/Despesa</option>
                                </select>
                                <%--<input type="text" id="caixa_tipo" />--%>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label>Atualizacao: </label>
                            </td>
                            <td>
                                <input type="text" style="background-color: white" disabled id="caixa_atualizacao" />
                            </td>
                            <td>
                                <label>Clinica: </label>
                            </td>
                            <td>
                                <input type="text" id="caixa_clinica" style="background-color: white" disabled />
                            </td>
                        </tr>

                        <tr>
                            <td colspan="4">
                                <hr />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label>Total Dia: </label>
                            </td>
                            <td>
                                <input type="text" id="caixa_total_dia" style="background-color: white" disabled />
                            </td>
                            <td>
                                <label>Total: </label>
                            </td>
                            <td>
                                <input type="text" id="caixa_total" style="background-color: white" disabled />
                            </td>
                        </tr>
                    </table>
                </div>

                <div class="tab-pane" id="tabTransacoesCaixa">
                    <%--<img src="assets/images/ajax-loader.gif" id="loader" />--%>
                    <div style="width: 400px;"></div>
                    <table class="tabelaBonita" id="tab_transacoes">

                        <tr style="">
                            <td>
                                <label>Usuario</label>
                            </td>
                            <td>
                                <label>Valor</label>
                            </td>
                            <td>
                                <label>Dia</label>
                            </td>
                            <td>
                                <label>Observacoes</label>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>

            <div class="modal-footer">
                <input type="button" class="btn" onclick="javascript: CancelButtonDetalhes(); return false;" value="Cancelar" />
                <input type="button" class="btn btn-primary" onclick="javascript: ConfirmAddButtonDetalhes(); return false;" value="Salvar alterações" />
            </div>
        </div>
    </div>

    <%--adicionar entrada--%>
    <div id="addEntrada" class="modal hide fade" tabindex="-1" role="dialog" aria-hidden="true" style="margin-top: 10%;">
        <div id="cadastroEntrada" class="modal-body">
            <ul class="nav nav-tabs" id="tabEntrada">
                <li><a href="#tabEntradaCaixa">Adicionar Entrada</a></li>
            </ul>

            <div class="tab-content">
                <div class="tab-pane" id="tabEntradaCaixa">
                    <table>
                        <tr>
                            <td>
                                <label for="paciente">*Valor R$: </label>
                            </td>
                            <td>
                                <input type="text" id="entrada_valor" onkeyup="soNumerosDecimais($(this), 10)"/>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label>*Observacoes: </label>
                            </td>
                            <td>
                                <textarea id="entrada_observacoes"></textarea>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>

            <div class="modal-footer">
                <input type="button" class="btn" onclick="javascript: CancelButtonEntrada(); return false;" value="Cancelar" />
                <input type="button" class="btn btn-primary" onclick="javascript: ConfirmAddButtonEntrada(); return false;" value="Salvar alterações" />
            </div>
        </div>
    </div>
</asp:Content>
